<script setup lang="ts">
import TodoHeader from './components/TodoHeader.vue';
import TodoMain from './components/TodoMain.vue';
import TodoFooter from './components/TodoFooter.vue';

/**
 * 1. main.ts 创建 pinia 实例并使用
 * 2. 创建 store/modules/todos.ts 模块化管理
 * 3. 使用 defineStore 初始化数据，规则命名 useXxxxStore
 * 4. 创建 store/index.ts 定义 useStore 函数统一管理模块化状态
 * 5. 页面引入 useStore 并解构使用
 */
</script>

<template>
  <section class="todoapp">
    <TodoHeader></TodoHeader>
    <TodoMain></TodoMain>
    <TodoFooter></TodoFooter>
  </section>
</template>

<style></style>
